// Transition
@use './transition';

// Var
@use './var';

// Mixins
@use './mixins';

.app-container {
  padding: 20px;
  background: var(--el-color-white);
}

html {
  height: 100%;
}

body {
  height: 100%;
  font-family:
    Montserrat,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Noto Sans,
    Liberation Sans,
    Arial,
    sans-serif;
  color: var(--el-text-color-primary);
  background-color: var(--el-bg-page-color);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;

  @extend %scrollbar;
}

#app {
  height: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
  outline: none;
}

div:focus {
  outline: none;
}

.el-pager li {
  margin-right: 2px;
  margin-left: 2px;
}
